<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sb" uri="/struts-bootstrap-tags"%>

<s:url var="urlAddAgenda" action="modul/agendapimpinan/page/add">
	<s:param name="pejabatStrukturalId" value="1"></s:param>
</s:url>

<style>
.labelAgenda {
	margin: 10px 0;
	padding: 5px 15px 5px 5px;
	background-color: #F0F7FD;
}

.labelHover {
	background-color: #FFF7FD;
}

.labelAgenda #idTitle {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

.labelAgenda table {
	font-size: 12px;
	margin: 0;
}

#navAgenda {
	position: absolute;
	z-index: 10;
	margin: 0;
	padding: 0;
}
</style>

<script>
	$(function() {
		$("#navAgenda").hide();
		$(".labelAgenda").mousemove(function(event) {
			$(this).addClass("labelHover");
			var position = $(this).position();
			$(this).append($("#navAgenda"));
			$("#navAgenda").css({
				left : (position.left + $(this).width() + 10),
				top : (position.top + 40)
			});
			$("#navAgenda").show();
		}).mouseout(function(event) {
			$(this).removeClass("labelHover");
			$("#navAgenda").hide();
		});
	});
	$.subscribe('maxHW', function(event, data) { 
		$
	});
</script>
<div id="debug"></div>
<div id="navAgenda">
	<i class="icon-th-list"></i><br /> <i class="icon-edit"></i><br /> <i
		class="icon-remove"></i>

</div>



<h2>Daftar Agenda</h2>
<%-- <s:property value="%{#parameters.jabatanId}" /> --%>
<div class="container-fluid">

	<s:iterator var="list" value="listAgenda">

		<div
			style="border-left: 10px solid <s:property value="%{kodeWarna}" />;"
			class="labelAgenda bs-callout bs-callout-info"
			id="agd<s:property value="id"/>-<s:date name="dari" format="yyyyMMdd"/>-<s:date name="sampai" format="yyyyMMdd"/>">
			<span id="idTitle"> <s:property value="%{id}" /> - <s:property
					value="%{namaKegiatan}" />
			</span>
			<table>
				<tr>
					<td>Dari</td>
					<td>:</td>
					<td><s:date name="dari" format="dd-MM-yyyy hh:mm" /></td>
				</tr>
				<tr>
					<td>Sampai</td>
					<td>:</td>
					<td><s:date name="sampai" format="dd-MM-yyyy hh:mm" /></td>
				</tr>
				<tr>
					<td>Lokasi</td>
					<td>:</td>
					<td><s:property value="%{lokasiKegiatan}" /></td>
				</tr>
			</table>


		</div>


	</s:iterator>

	<sj:dialog id="addAgendaDialog" autoOpen="false" modal="true"
		title="Set Pimpinan" width="auto" height="auto" openTopics="addAgenda"
		position="['left','top','center']" />

	<div class="btn-group">
		<sj:a href="%{urlAddAgenda}"
			onClickTopics="addAgenda,maxHW" cssClass="btn" id="addButton">+</sj:a>
	</div>
</div>

